<div class="content-section introduction">
    <div>
        <span class="feature-title">知识库管理</span>
    </div>
</div>
<div class="content-section " >
    <div class="ui-g">
        <div>
            <input #search type="text" pInputText placeholder="请输入关键字"/>
            <button pButton type="button"  label="搜索" (click)="jumperOverView(search.value)"></button>
        </div>
        <div></div>
        <div>
            <button pButton type="button"  label="刷新" (click)="refresh()"></button>
            <button pButton type="button"  label="切换到列表模式" (click)="jumper('list')"></button>
            <button pButton type="button"  label="新增知识" (click)="jumper('add')"></button>
        </div>
    </div>
    <div class="col-sm-7">
        <div class="klg-container">
            <label class="control-label">热门标签</label>
            <app-tag-cloud [textDatas]="hotTags" [whichComponent]="whichComponent"></app-tag-cloud>
        </div>
    </div>
    <div class="col-sm-5">
        <div class="klg-container">
            <label class="control-label">最新知识</label>
            <div>
                <div *ngFor="let n of newKnowledge" class="newKnowledge">
                    <span class="ui-cursor-point" (click)="jumperOverViewByKid(n['kid'])">{{n['kid']}}</span>
                    <span>{{n['title']}}</span>
                    <span>{{n['create_time']}}</span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-12">
        <div class="klg-container ">
            <label class="control-label">知识分类</label>
            <div class="classify">
                <div  *ngFor="let n of classsifyKnowledge">
                    <span class="ui-cursor-point" (click)="jumperOverViewBy(n.name)">{{n.name}}</span>
                    <div *ngIf="n['children']">
                        <section  *ngFor="let x of n['children']">{{x.name}}：{{x.count}} 条</section>
                    </div>
                    <div *ngIf="!n['children']">
                        <section >暂无子分类</section>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>